<!DOCTYPE html>
<html lang="zxx">
<head>
	<!-- Meta Tags -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
	<meta name="description" content="Multipages HTML5 Template">
	<meta name="author" content="">
	
	<!-- Page Title -->
	<title>Article</title>
	
	<!-- Favicon and touch Icons -->
	<link href="images/favicon.png" rel="shortcut icon" type="image/png">
	<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
	<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
	<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
	<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
	
	<!-- Lead Style -->
	<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

    <body>
    <iframe    name= "iframe "   border= "1 "   frameborder= "1 "   width= "0 "   height= "0 "   style= "display   :none "> </iframe>
		<div id="preloader" class="loader_show">
			<div class="loader-wrap">
			<div class="loader">
				<div class="loader-inner"></div>
			</div>
			</div>
		</div>
		
		<!-- pointer start -->
		<div class="pointer bnz-pointer" id="bnz-pointer"></div>
		
		<div class="content">
    		<div class="top_part">
	        	<!-- Start Header -->
			    <header id="header" class="header_1 header">
				    <div class="navigation">
					    <nav id="flexmenu">
						    <div class="logo">
							    <a ><img src="images/logo1.jpg" alt="logo"></a>
						    </div>
						    <div class="nav-inner">
							    <div id="mobile-toggle" class="mobile-btn"></div>
							    <ul class="main-menu">
								    <li class="menu-item"><a href="index.html">Home</a>
									    <ul class="sub-menu">
										    <li class="menu-item"><a href="index-2.html">Home 2</a></li>
										    <li class="menu-item"><a href="index-3.html">Home 3</a></li>
									    </ul>
								    </li>
								    <li class="menu-item "><a href="#">Posts</a>
									    <ul class="sub-menu">
										    <li class="menu-item "><a href="blog-details.html">Blog Details</a></li>
										    <li class="menu-item"><a href="blog-details-fullwidth.html">Blog Details Fullwidth</a></li>
									    </ul>
								    </li>
								    <li class="menu-item "><a href="Question.html">question</a></li>
								    <li class="menu-item "><a href="daka.html">Daka</a></li>
								    <li class="menu-item active"><a href="#">Article</a>
									    <ul class="sub-menu">
										    <li class="menu-item "><a href="Article.html">Article</a></li>
										    <li class="menu-item"><a href="Writing.html">Writing</a></li>
									    </ul>
								    </li>
								    <li class="menu-item "><a href="#">Things and Tools</a>
									    <ul class="sub-menu">
										    <li class="menu-item "><a href="satellite.html">satelliteMap</a></li>
										    <li class="menu-item "><a href="map.html">PlaceMap</a></li>
										    <li class="menu-item "><a href="3dwords.html">3d lines</a></li>
										    <li class="menu-item "><a href="PhotoPlay.html">Photo play</a></li>
									    </ul>
								    </li>
								    <li class="menu-item"><a href="Comments.html">Communication</a></li>
								    <li class="menu-item "><a href="advice.html">advice</a></li>
<!--								    <li class="menu-item"><a href="about.html">About Author</a></li>-->
							
							
							    </ul>
						    </div>
					    </nav>
				    </div>
			    </header>
			</div>
			
			<div class="page-header">
				<div class="page-header-content">
					<div class="container">
						<h2 class="heading">Article</h2>
					</div>
				</div>
			</div>

			<div class="main-wrapper m_tp_0">
				<div class="container">
					<div class="blog_details">
						
						<div class="row">
							<div class="col-lg-12 col-md-12 details_fullwidth">
								
								<div class="author_div" data-aos="fade-up" data-aos-duration="700">
									<div class="author">
										<img alt="img" src="images/author.jpg" class="avatar">
									</div>
									<div class="author-block">
										<h5 class="author_name">Wcy</h5>
										<p class="author_intro">All the articles are here.</p>
										<div class="social_media">
											<ul class="social_list">
												<li data-aos="fade-up" data-aos-duration="500"><a href="#"><i class="ion-social-facebook"></i></a></li>
												<li data-aos="fade-up" data-aos-duration="700"><a href="#"><i class="ion-social-twitter"></i></a></li>
												<li data-aos="fade-up" data-aos-duration="900"><a href="#"><i class="ion-social-dribbble"></i></a></li>
												<li data-aos="fade-up" data-aos-duration="1100"><a href="#"><i class="ion-social-instagram"></i></a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="main-wrapper">
				<div class="container">
					<div class="row">
						<div class="col-lg-8 col-md-7">
							<div class="blog_list" data-aos="fade-up" data-aos-duration="700" id="info">
								
								
							
							
							</div>
			
                             <div class="pagination-div">
								<ul class="pagination">
									<li><a href="#">&nbsp;&nbsp;&nbsp;Older Post</a></li>
								</ul>
							</div>
							
							<div class="newsletter bg_image_2" data-aos="fade-up" data-aos-duration="700">
								<div class="row">
									<div class="col-lg-10 offset-lg-1">
										<form  action="advice" class="newsletter_form" method="post"  >
											<div class="newsletter_header">
												<p><i class="ion-email"></i>Submit feelings or comments</p>
												<h3>Give an opinion that needs to be revised</h3>
											</div>
											<div class="form_group">
												<input class="form-control" type="text" id="advice" placeholder="Please Input" name="advice" >
												<input type="submit"  class="button" value="Subscribe" >
											</div>
										</form>
									</div>
								</div>
							</div>
	
						</div>
						
						<div class="col-lg-4 col-md-5">
							<div class="sidebar" data-aos="fade-up" data-aos-duration="900">
								
								<div id="custom_2" class="widget widget_custom">
									<div class="sidebar_add">
										<img src="images/blog/QQ图片20210117203910.jpg" alt="add">
									</div>
								</div>
			
								<div id="categories-1" class="widget widget_categories">
			                        <h4 class="widget_title">Bedtime stories</h4>
			                        <div class="sidebar_categories">
			                            <ul class="category_list">
				                            <li><a href="#">Qi people learn to play the piano</a> (5)</li>
				                            <li><a href="#">Horse and donkey</a> (7)</li>
				                            <li><a href="#">The little mouse eats the cake</a> (4)</li>
				                            <li><a href="#">The story of the frog</a> (3)</li>
				                            <li><a href="#">Marksman and lion</a> (6)</li>
				                            <li><a href="#">Lions and shepherds</a> (2)</li>
				                            <li><a href="#">Pottery and iron pots</a> (1)</li>
				                            <li><a href="#">Mice and frogs</a> (9)</li>
			                            </ul>
			                        </div>
								</div>
								
								
			
								<div id="tags-1" class="widget widget_tag_cloud">
			                        <h4 class="widget_title">Tag Cloud</h4>
			                        <div class="tagcloud">
			                            <a href="#">Travel</a>
										<a href="#">PHOTOGRAPHY</a>
										<a href="#">FASHION</a>
										<a href="#">Travel</a>
										<a href="#">HOBBY</a>
										<a href="#">PHOTOGRAPHY</a>
										<a href="#">NATURE</a>
			                        </div>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			
			<footer class="footer" data-aos="fade-up" data-aos-duration="700">
				<div class="footer-above">
					<div class="footer-logo">
						<!-- <a href="#"><img src="images/logo-white.png" alt="logo"></a> -->
					</div>
					<div class="footer-social">
						<ul>
							<li><a href="#"><i class="ion-social-facebook"></i></a></li>
							<li><a href="#"><i class="ion-social-instagram"></i></a></li>
							<li><a href="#"><i class="ion-social-twitter"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="footer-middle">
					<div class="container">
						<div class="footer_widget_wrapper">
							<div class="row">
								<div class="col-lg-6 col-md-6">
									<div class="footer_widget">
										<div class="widget-title">
											<h4>Instagram</h4>
										</div>
										<div class="instagram">
											<ul>
												<li><a href="#"><img src="images/insta/$7%7B%7BRONZ%7B19%7DE~QFF5S(P02_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/00S$8~$@P(4EGZ%7D2AASLS%7BB_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/LG%60LMZLGT3%60MLA3F1P8$(76_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/OPSRWFVTZ%7B%7BFP%5BT87LRR6~Q_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/W8_W%5D)V%5D%7B%7DQGU2$0$8QF)0C_爱奇艺.jpg" alt="insta"></a></li>
												<li><a href="#"><img src="images/insta/~HXU4D@8VHC@P%5B$@6O_H3Y8_爱奇艺.jpg" alt="insta"></a></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="col-lg-6 col-md-6">
									<div class="footer_widget pd_lt">
										<div class="blend-logo">
											<!-- <a href="#"><img src="images/logo-big.png" alt="logo"></a> -->
										</div>
										<div class="footer_nav">
											<ul>
												<li class="menu-item"><a href="index.html">Home</a></li>
												<li class="menu-item"><a href="about.html">About Author</a></li>
												<li class="menu-item"><a href="blog-details.html">Blog</a></li>
												<li class="menu-item"><a href="blog-details-fullwidth.html">Blog Fullwidth</a></li>
												<li class="menu-item"><a href="contact.html">Contact Me</a></li>
												<li class="menu-item"><a href="Comments.html">Communication</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="container">
						<div class="copyright">
							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &copy; 2021 - Wcy. Created by Wcy. Give To Cy.<br>赣ICP备2021001313号-1|</p>
						</div>
					</div>
				</div>
			</footer>
			</div>
    <!-- All JavaScript Files
	  ================================================== -->

<!--    <script src="js/jquery.js"></script>-->
<!--    <script src="js/jquery.min.js"></script>-->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/jquery-3.5.1.min.js"></script>
<!--    <script src="js/bootstrap.min.js"></script>-->
<!--    <script src="js/jquery.min.js"></script>-->
    <script src="plugins/swiper/swiper.min.js"></script>
    <script src="js/menu.js"></script>
    <script src="plugins/aos/aos.js"></script>
    <script src="js/Article.js"></script>
    <script src="js/jQuery.cookie.js"></script>
    <script src="js/custom.js"></script>
    </body>
</html>